<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta name="description" content="Minecraft en 3D creado con css3 html5 JS">
    <title>TQC's page</title>
    <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
    
    <link rel="stylesheet" href="css/style3d.css">
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
</head>

<body>
    <div class="profile_wrapper">
        <span class="intro">
            唐庆昌3D主页 <br>
            <!-- Java, Python, SQL <br> -->
            <br>
            ℹ旋转小人查看更多信息👇👇
            <!-- <span style="font-size: 1.7rem">↓联系方式翻他身上找！↓</span> -->
        </span>
    </div>
    <div class="Scene">
        <div class="Godo-wrap">
            <div class="Godo">
                <div class="Godo-header">
                    <div class="Head">
                        <div class="Head-top u-bg">
                            <div class="contact_wrapper">
                                <a href="https://weibo.com/tqccc" target="_blank"><button>Weibo</button></a>
                                <a href="https://tqccc.gitee.io/" target="_blank"><button>主页</button></a>
                                <!-- <a href="https://www.instagram.com/tqccc_" target="_blank"><button>Instagram</button></a> -->
                            </div>
                        </div>
                        <div class="Head-front u-bg"></div>
                        <div class="Head-left u-bg">
                            <div class="contact_wrapper">
                                <a href="https://github.com/TQCCC" target="_blank"><button>Github</button></a>
                            </div>
                        </div>
                        <div class="Head-right u-bg">
                            <div class="contact_wrapper">
                                <!-- <a href="https://www.zhihu.com/people/tang-qing-chang" target="_blank"><button>Zhihu</button></a> -->
                                <!-- <a href="https://www.v2ex.com/member/tqccc" target="_blank"><button>V2EX</button></a> -->
                                <a href="http://blog.csdn.net/HingCheung" target="_blank"><button>CSDN</button></a>
                            </div>
                        </div>
                        <div class="Head-back u-bg">
                            <div class="contact_wrapper">
                                <a href="https://tqccc.gitee.io/lufylegend-page/" target="_blank"><button>趣味主页</button></a>
                            </div>
                        </div>
                        <div class="Head-bottom u-bg"></div>
                    </div>
                </div>
                <div class="Torso">
                    <div class="Torso-top u-bg"></div>
                    <div class="Torso-front u-bg">
                        <div class="contact_wrapper">
                            <a href="https://tqccc.gitee.io/gitbook/resume/resume.html" target="_blank">
                                <button style="font-size: 1.1rem;margin-top: 0.3rem;">
                                    简历
                                </button>
                            </a>
                        </div>
                    </div>
                    <div class="Torso-left u-bg"></div>
                    <div class="Torso-right u-bg"></div>
                    <div class="Torso-back u-bg">
                        <div class="contact_wrapper" style="margin-top: 4.5rem;">
                            <a href="mailto:qingchang96@sina.com"><button>✉邮件</button></a>
                        </div>
                    </div>
                    <div class="Torso-bottom u-bg"></div>
                </div>
                <div class="LeftArm">
                    <div class="LeftArm-top u-bg"></div>
                    <div class="LeftArm-front u-bg"></div>
                    <div class="LeftArm-left u-bg"></div>
                    <div class="LeftArm-right u-bg"></div>
                    <div class="LeftArm-back u-bg"></div>
                    <div class="LeftArm-bottom u-bg"></div>
                </div>
                <div class="RightArm">
                    <div class="RightArm-top u-bg"></div>
                    <div class="RightArm-front u-bg"></div>
                    <div class="RightArm-left u-bg"></div>
                    <div class="RightArm-right u-bg"></div>
                    <div class="RightArm-back u-bg"></div>
                    <div class="RightArm-bottom u-bg"></div>
                </div>
                <div class="Legs">
                    <div class="LeftLeg">
                        <div class="LeftLeg-top u-bg"></div>
                        <div class="LeftLeg-front u-bg"></div>
                        <div class="LeftLeg-left u-bg"></div>
                        <div class="LeftLeg-right u-bg"></div>
                        <div class="LeftLeg-back u-bg"></div>
                        <div class="LeftLeg-bottom u-bg"></div>
                    </div>
                    <div class="RightLeg">
                        <div class="RightLeg-top u-bg"></div>
                        <div class="RightLeg-front u-bg"></div>
                        <div class="RightLeg-left u-bg"></div>
                        <div class="RightLeg-right u-bg"></div>
                        <div class="RightLeg-back u-bg"></div>
                        <div class="RightLeg-bottom u-bg"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="base"></div>
    </div>
    <script src='js/jquery.min.js'></script>
    <script src='js/hammer.min.js'></script>
    <script src='js/TweenMax.min.js'></script>
    <script src="js/index.js"></script>
</body>

</html>